<template>
    <div class="web_container">
        <div class="header_container">
          <Header></Header>
        </div>
        <div class="content_container"> 
          <transition name="van-fade">
            <router-view></router-view>
          </transition>
            
          <!-- <el-button type="primary" @click="go">跳转</el-button> -->

        </div>
        <div class="footer_container">
          <Footer></Footer>
        </div>
    </div>
</template>

<script setup lang="ts">
import { useRouter, useRoute } from 'vue-router';
import Header from './Header1.vue';
import Footer from './Footer.vue';
const router = useRouter()
const route = useRoute()

const go = ():void => {
  if (route.path == '/two') {
    router.push('/')
  } else {
    router.push('/two')
  }
}


</script>

<style lang="less" scoped>
  .web_container{
    // height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .header_container{
      width: 100%;
      overflow: hidden;
    }
    .content_container{
      flex: auto;
      width: -webkit-fill-available;
      height: calc(100vh - 1rem);
      overflow-y: auto;
    }
    .footer_container{
      width: 100%;
    }
  }
</style>